@charset "utf-8";
@import url("common.css");

/* wrap */
#wrap {width:1000px; margin:20px auto; padding-bottom:50px}



.intro {width:390px; margin-top:50px; margin-left:200px}
.intro .login_box {height:195px; background:url(../img/bg_javacafe_login.jpg) no-repeat}
.intro .login_box fieldset {padding-top:70px; padding-left:50px}
.intro .login_box fieldset legend {display:none}
.intro .login_box fieldset label {display:inline-block; width:59px; margin-bottom:4px; vertical-align:middle}
.intro .login_box fieldset .forms {float:left; padding-right:6px}
.intro .login_box fieldset .input_txt {width:132px; height:15px; margin-bottom:4px; *margin:-1px 0 3px; padding:1px 3px 0; border:1px solid #b7b7b7; background:#fff; font-family:verdana; font-size:11px; vertical-align:middle}
.intro .login_box fieldset .btn {width:60px; height:40px; border:0; background:0; vertical-align:top; cursor:pointer; _cursor:hand}



.tbl_type3 {}
.tbl_type3 legend {display:none}
.tbl_type3 .light {color:#888}
.tbl_type3 table {width:100%; border:0; border-top:1px solid #dddee2; line-height:16px; table-layout:fixed}
.tbl_type3 table th,
.tbl_type3 table td {border:0; border-bottom:1px solid #dddee2; vertical-align:top}
.tbl_type3 table th {padding:6px 0 5px; background:#f1f1f3; color:#666}
.tbl_type3 table td {padding:6px 15px 5px; color:#333; text-align:left}
.tbl_type3 table td ul {margin-bottom:-5px}
.tbl_type3 table td ul li {margin-bottom:5px}
.tbl_type3 table td ul li a {display:inline-block; margin-left:10px}

/* tbl_type2 */ 
.tbl_type2{display:inline-block;overflow:hidden;width:100%;border-bottom:1px solid #e5e6e9}  
.tbl_type2 table{width:100%;margin-bottom:-1px;border:0;border-top:1px solid #e5e6e9;border-right:1px solid #e5e6e9;line-height:16px}  
.tbl_type2 table th{border:0;border-bottom:1px solid #e5e6e9;border-left:1px solid #e5e6e9}  
.tbl_type2 table td{border:0;background:url(http://static.naver.com/groupware/2010/line_tbl_dot.gif) repeat-x 0 100%;border-left:1px solid #e5e6e9}  
.tbl_type2 table th{padding:6px 0 5px;background:#f4f4f6 url(http://static.naver.com/groupware/2010/line_th_hilite.gif);color:#666}  
.tbl_type2 table td{padding:6px 0 5px;color:#333;text-align:center}  
.tbl_type2 table tr.on td,.tbl_type2 table td.on{background-color:#e5f1f9}
.tbl_type2 table thead th a.up,.tbl_type2 table thead th a.down {display:inline-block; padding-right:7px; color:#003372}
.tbl_type2 table thead th a.up {background:url(http://static.naver.com/groupware/2010/bu_arr_blue_up.gif) no-repeat right 3px}
.tbl_type2 table thead th a.down {background:url(http://static.naver.com/groupware/2010/bu_arr_blue_down.gif) no-repeat right 3px}


.tbl_forms table td {padding:4px 11px}
.tbl_forms table td input,
.tbl_forms table td select,
.tbl_forms table td label {vertical-align:middle}
.tbl_forms table td .input_rdo {*margin:-1px -3px}
.tbl_forms table td .btn_xsml {margin-top:-1px; vertical-align:middle}
.tbl_forms table td.se {padding:9px 11px}
.tbl_forms table td .input_txt {height:16px; padding:0 3px; border:1px solid #ccc; line-height:15px}

/* 첨부 */
.atchUpperDiv {height:30px}
.atchDescriptionDiv {float:left; padding:3px 0 0 40px}
.atchFileSzDiv {float:right; padding:3px 10px 0 0}
.atchFileSz {text-align:right !important}
.atchFileRgstrNm {text-align:center !important}
.atchFileRgstYmdt {text-align:center !important}
.atchFileDelete {padding:2px !important}
.atchFileDelete img {margin-top:2px; cursor:pointer}

.btn_s08 { display:block; float:left; margin:0 2px 0 2px; overflow:hidden; cursor:pointer; text-decoration:none !important;}
.btn_s08 .l { display:block; float:left; width:4px; height:18px; background:url(../img/btn_s08_l.gif) no-repeat;}
.btn_s08 .c { display:block; float:left; height:18px; background:url(../img/btn_s08_c.gif) repeat-x; white-space:nowrap; line-height:normal; padding:3px 1px 0 1px; _padding:4px 1px 0 1px;}
.btn_s08 .r { display:block; float:left; width:4px; height:18px; background:url(../img/btn_s08_r.gif) no-repeat;}}

.input_content { padding:20px; _width:100%;}



.search_type1 {position:relative; padding:10px 0; border-top:1px solid #dddee2; background:#f1f1f3}
.search_type1 legend {display:none}
.search_type1 table, .search_type1 table th, .search_type1 table td {border:0}
.search_type1 table.section {width:100%; table-layout:fixed}
.search_type1 table.section .btn {width:100px}
.search_type1 .forms .input_txt,.search_type1 .forms .input_date input,.search_type1 .forms select {*margin:-1px 0}
.search_type1 .forms .input_txt {height:16px; padding:0 5px; border:1px solid #ccc; background:#fff}
.search_type1 .forms .input_date {display:inline-block; *margin-right:4px; border:1px solid #ccc; background:#fff}
.search_type1 .forms .input_date input {height:16px; padding:0 0 0 5px; border:0; background:#fff; font-family:tahoma; font-size:11px; line-height:15px}
.search_type1 .forms .input_date button {width:17px; height:16px; border:0; background:0; vertical-align:top; cursor:pointer; _cursor:hand}
.search_type1 .forms .input_date button img {vertical-align:top}
.search_type1 .forms table th {padding:0 8px 0 20px; color:#666; letter-spacing:-1px; text-align:left}
.search_type1 .forms table td {padding:6px 0}
.search_type1 .forms table td select,
.search_type1 .forms table td input {color:#666}
.search_type1 .btn {border-top:6px solid #f1f1f3; border-bottom:6px solid #f1f1f3; background:url(http://static.naver.com/groupware/2010/line_srch_type1.gif) repeat-y; text-align:center}



.tbl_type1{display:inline-block;overflow:hidden;width:100%;border-top:1px solid #dddee2;border-bottom:1px solid #dddee2}
.tbl_type1 table{width:100%;margin-bottom:-1px;border-collapse:collapse;table-layout:fixed;line-height:16px}
.tbl_type1 table thead th{padding:6px 0;background:#f1f1f3;color:#666}
.tbl_type1 table tbody td{padding:6px 0;background:url(http://static.naver.com/groupware/2010/line_tbl_dot.gif) repeat-x 0 100%;color:#333;text-align:center}
.tbl_type1 table .tl{padding-left:10px}
.tbl_type1 table tr.bon td{background-color:#e5f1f9}
.tbl_type1 table tr.yon td{background-color:#fbfae1}



#pre_header h1{float:left;position:relative;margin-top:4px;padding:0 0 11px 7px}
#pre_header h1 .beta{position:absolute;top:-12px;right:-55px}
#pre_header .group{float:right;margin-top:21px}
#pre_header .group .log{float:left;margin-right:20px;color:#999}
#pre_header .group .log strong{font-weight:normal;color:#000}
#pre_header .group .log span.team{margin-right:5px;font-size:11px}
#pre_header .group .log .btn_xsml{margin-left:-3px;vertical-align:middle}
#pre_header .group .services{float:left;overflow:hidden;padding-top:1px;line-height:14px}
#pre_header .group .services span{float:left;margin-left:-1px;background:url(http://static.naver.com/groupware/2010/line_services.gif) no-repeat 0 2px}
#pre_header .group .services a{display:inline-block;padding:2px 13px;font-size:11px;color:#666}
#pre_header .group .services a:hover{color:#000}
#pre_header .group .services a.report{margin-left:1px;padding-left:23px;background:url(http://static.naver.com/groupware/2010/ico_report.gif) no-repeat 10px 3px;letter-spacing:-1px}
#pre_header .group .services a.report:hover{background-position:10px -27px}



#header {position:relative; height:69px; background:url(../img/bg_style2_lnb.gif) repeat-x}
#header h1 {float:left; height:29px; padding:8px 18px 0 16px; background:url(../img/bg_style2_lnb_bl.gif) no-repeat}
#header {display:inline-block; width:100%; background-position:100% 0}
#header h1 {}
#header .lnb {float:left; height:37px; font-family:"나눔고딕 extrabold","나눔고딕",nanumgothic,"돋움",dotum; font-size:12px; font-weight:bold}
#header .lnb ul li {float:left; padding-top:4px; line-height:14px}
#header .lnb ul li a {display:inline-block; color:#ccc; text-decoration:none}
#header .lnb ul li a span {display:block; padding:9px 27px 10px}
#header .lnb ul li a em {color:#777}
#header .lnb ul li a:hover {color:#fff}
#header .lnb ul li a:hover em {color:#aaa}
#header .lnb ul li.on a,
#header .lnb ul li.on a span {background:url(../img/bg_style2_lnb_on.gif) no-repeat}
#header .lnb ul li.on a {padding-left:6px; color:#000}
#header .lnb ul li.on a span {padding:12px 27px 7px 21px; background-position:right 0}
#header .lnb ul li.on a em {color:#999}
#header .lnb ul li ul {display:none; overflow:hidden; position:absolute; top:40px}
#header .lnb ul li.on ul {display:block}
#header .lnb ul li ul li {margin:0 0 0 -1px; padding:0 1px; background:url(http://static.naver.com/groupware/2010/line_style2_lnb_depth2.gif) no-repeat 0 7px}
#header .lnb ul li ul li a {display:inline-block; margin:0 5px; padding:5px 10px 6px !important; background:none !important; font-size:11px; color:#a6a6a6 !important}
#header .lnb ul li ul li a:hover {color:#000 !important}
#header .lnb ul li ul li.on {color:#000 !important}
#header .lnb ul li ul li.on a {color:#000 !important}
#header .lnb ul li ul li.on a:hover {color:#000 !important}
#header .log {float:right; height:28px; padding:9px 15px 0 0; background:url(../img/bg_style2_lnb_br.gif) no-repeat 100% 0; color:#dcdcdc}
#header .log span {display:inline-block; margin-top:4px; vertical-align:top}
#header .log button {width:56px; height:19px; *margin-left:4px; border:0; background:none; vertical-align:top; cursor:pointer; _cursor:hand}

#container {width:100%; margin-top:10px; table-layout:fixed}
#container .snb,
#container #content {vertical-align:top}
#container .blank{width:10px}
#container .snb {width:185px; *width:184px; padding:5px 11px 50px 0; background:url(http://static.naver.com/groupware/2010/bg_snb.gif) repeat-y}
#content {padding:10px 0}
.snb_menu {_display:inline-block; overflow:hidden; margin:5px 9px 0}
.snb_menu li {margin-top:-1px; padding:10px 0 9px 5px; border-top:1px solid #e5e5e5; font-family:"나눔고딕",nanumgothic,"돋움",dotum; font-weight:bold; line-height:14px; zoom:1}
.snb_menu li a {display:inline-block; color:#333}
.snb_menu li ul {margin:8px 0 0 3px}
.snb_menu li li {margin-top:6px; padding:0 0 0 10px; border:0; background:url(http://static.naver.com/groupware/2010/bu_arr_gray_right.gif) no-repeat 0 5px; font-weight:normal; line-height:15px}
.snb_menu li li a {color:#666}
.snb_menu li li.on a {color:#800080}
.snb_help {margin:20px 9px 0; padding:10px; border:1px solid #e4e5e7; background:#fff}
.snb_help .tit {display:block; margin-bottom:11px; padding-bottom:7px; background:url(http://static.naver.com/groupware/2010/bu_help.gif) no-repeat left 2px; border-bottom:1px solid #ededed; font-weight:bold; color:#000}
.snb_help ul li {margin:9px 0 0; padding:0 0 1px 18px; background:url(../img/ico_arw01.gif) no-repeat 0 2px; line-height:15px}
.snb_help ul li a {color:#666}
.snb_help ul li .snb_help_layer_wrap {position:relative; height:0}
.snb_help ul li .snb_help_layer {position:absolute; top:-14px; left:0; width:137px; height:85px; padding:9px 0 0 13px; border:1px solid #999999; background:#fff; z-index:20}
.snb_help ul li .snb_help_layer strong {display:block; margin-bottom:3px}
.snb_help ul li .snb_help_layer p {color:#666; line-height:15px}

.content_top {margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #c0c0c0}
.content_top .path {padding-left:11px; background:url(/img/bu_location.gif) no-repeat; font-size:12px; color:#aaa; line-height:15px}
.content_top .path strong {color:#000}

h3{margin:0 0 20px 10px;padding:0 0 0 11px;background:url(/img/bu_h3.gif) no-repeat left top;font-size:16px;letter-spacing:-1px;word-spacing:1px}
h4{margin:30px 0 10px 11px;padding:0 0 0 9px;background:url(/img/bu_h4.gif) no-repeat left top;color:#800080;font-size:12px;letter-spacing:-1px} 


#simple_contents {margin:0 0 20px 20px;padding:0 0 0 0px;}


#footer {position:relative; margin-top:10px; border-top:1px solid #ccc}
#footer .brands {position:absolute; top:9px; right:0}
#footer .brands li {float:left}
#footer .brands li.ci {margin:2px 5px 0 0; padding-right:10px; background:url(http://static.naver.com/groupware/2010/line_footer_ci.gif) no-repeat 100% 0}
#footer .copyright {margin-top:13px; font:10px tahoma; color:#666}
#footer .copyright strong {color:#800080}

/* paginate */
.paginate{display:inline-block; padding-top:5px; text-align:center;}  
.paginate a,  
.paginate strong{display:inline-block; margin-right:-4px; padding:2px 8px 2px 7px; border-left:1px solid #ccc; background:#fff; font-weight:bold; color:#313031; line-height:15px; text-decoration:none !important}  
.paginate strong{color:#ff8600}  
.paginate a:hover{background:#F7F7F7; color:#000}  

.paginate a.pre{padding-left:16px; background:url(/img/paging/bu_pg1_l1.gif) no-repeat 8px 7px !important; border:0; font-weight:bold}  
.paginate a.pre_end{padding-left:16px; background:url(/img/paging/bu_pg1_l2.gif) no-repeat 4px 7px !important; border:0; border-right:1px solid #ccc; font-weight:bold}  
.paginate a.next{padding-right:16px; background:url(/img/paging/bu_pg1_r1.gif) no-repeat 37px 7px !important; font-weight:bold}  
.paginate a.next_end{padding-right:16px; background:url(/img/paging/bu_pg1_r2.gif) no-repeat 37px 7px !important; font-weight:bold} 

.paginate a.pre_r{padding-left:16px; background:url(/img/paging/bu_pg1_l1.gif) no-repeat 8px 7px !important; border:0; font-weight:normal; color:gray}  
.paginate a.pre_end_r{padding-left:16px; background:url(/img/paging/bu_pg1_l2.gif) no-repeat 4px 7px !important; border:0; border-right:1px solid #ccc; font-weight:normal; color:gray}  
.paginate a.next_r{padding-right:16px; background:url(/img/paging/bu_pg1_r1.gif) no-repeat 37px 7px !important; font-weight:normal; color:gray}  
.paginate a.next_end_r{padding-right:16px; background:url(/img/paging/bu_pg1_r2.gif) no-repeat 37px 7px !important; font-weight:normal; color:gray} 





.tab ul,.tab ul li{margin:0;padding:0}  
.tab ul li{list-style:none}  
.tab ul li,.tab ul li a{background:url(http://static.naver.com/groupware/2010/bg_tab_off.gif) no-repeat}  
.tab ul li{float:left;margin-right:-1px;line-height:22px}  
.tab ul li a{display:inline-block;padding:2px 16px 1px;_padding:3px 16px 0;background-position: 100% 0;font-weight:bold;color:#666;text-decoration:none !important}  
.tab ul li.on,.tab ul li.on a{background-image:url(http://static.naver.com/groupware/2010/bg_tab_on.gif)}  
.tab ul li.on a{color:#ff7141}  
.tab_v1 ul li{position:relative}  
.tab_v1 ul li a{padding-right:27px}  
.tab_v1 ul li button{overflow:visible;position:absolute;top:3px;right:3px;width:20px;height:20px;margin:0;padding:0;border:0;background:none}  
.tab_v1 ul li button img{vertical-align:middle}  
.tab_v2{padding-left:0} 


/* button 돋움 */ 
a.btn_big{display:inline-block;padding-right:4px;background:url(http://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat 100% 0;font-family:'돋움',dotum;font-size:12px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}  
a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(http://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat}  
a.btn_sml{display:inline-block;padding-right:4px;background:url(http://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}  
a.btn_sml span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(http://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat 0 -27px} 




.folding_form_on {display: block}
.folding_form_off {display: none}
.folding_button_off {text-align: right; margin-top: -1px; padding-right: 10px}
.folding_button_off a {line-height: 22px; margin: 0px auto; padding-right: 4px; display: inline-block; background: url(../img/bg_btn_toggle_on.gif) no-repeat 100% 0px; color: #000; font-size: 11px; text-decoration: none !important}
.folding_button_off a:hover {color: #00a9e0}
.folding_button_off a span {padding-bottom: 1px; padding-left: 15px; padding-right: 11px; display: block; background: url(../img/bg_btn_toggle_on.gif) no-repeat; padding-top: 0px}
.folding_button_on {text-align: right; margin-top: -1px; padding-right: 10px}
.folding_button_on a {line-height: 22px; margin: 0px auto; padding-right: 4px; display: inline-block; background: url(../img/bg_btn_toggle_on.gif) no-repeat 100% 0px; color: #000; font-size: 11px; text-decoration: none !important}
.folding_button_on a:hover {color: #00a9e0}
.folding_button_on a span {padding-bottom: 1px; padding-left: 15px; padding-right: 11px; display: block; background: url(../img/bg_btn_toggle_on.gif) no-repeat; padding-top: 0px}


/* 덧글 아이콘 */
.dic_stit{padding:0 0 8px;font-size:12px}
.dic_stit span{display:inline-block;height:14px;padding:1px 20px 0 0;background:url(/img/markup/spr.gif) no-repeat}
.dic_stit .open{background-position:right -515px}
.dic_stit .close{background-position:right -540px}


/* 레이아웃용 */
#h_line {position:relative; margin-top:10px; border-top:1px solid #ccc}

a.none_color{color:#444444; text-decoration:none; cursor:pointer}
a:hover.none_color{text-decoration:underline;}

.normal_top_line {margin-bottom:30px; padding-top:10px; border-top:1px solid #A7A7A7}
.normal_botton_line {margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #A7A7A7}
.normal_vertical_line {margin-bottom:30px; padding-top:10px; border-top:1px solid #A7A7A7; padding-bottom:10px; border-bottom:1px solid #A7A7A7}

.normal_layout td { padding:12px 0 9px 9px; color:#4c4c4c;}
.normal_layout td a { color:#444444; text-decoration:none; white-space:nowrap;}
.normal_layout td a:hover { text-decoration:underline;}

.file_layout td { padding:3px 0 3px 3px; color:#4c4c4c;}
.file_layout td a { color:#444444; text-decoration:none; white-space:nowrap;}
.file_layout td a:hover { text-decoration:underline;}

table.prev_data { border-top:2px solid #A7A7A7; border-bottom:1px solid #A7A7A7; width:100%; table-layout: fixed}
table.prev_data th,
table.prev_data td { padding:12px 0 9px 9px; border-bottom:1px solid #A7A7A7; color:#4c4c4c;}
table.prev_data td a { color:#444444; text-decoration:none; white-space:nowrap;}
table.prev_data td a:hover { text-decoration:underline;}
table.prev_data th { background:#f5f7f9; text-align:left;}
table.prev_data th em { font-style:normal; font-weight:bold; color:#ff6633;}


/* 첨부 */
.atchUpperDiv {height:30px}
.atchDescriptionDiv {float:left; padding:3px 0 0 40px}
.atchFileSzDiv {float:right; padding:3px 10px 0 0}
.atchFileSz {text-align:right !important}
.atchFileRgstrNm {text-align:center !important}
.atchFileRgstYmdt {text-align:center !important}
.atchFileDelete {padding:2px !important}
.atchFileDelete img {margin-top:2px; cursor:pointer}

.btn_s08 { display:block; float:left; margin:0 2px 0 2px; overflow:hidden; cursor:pointer; text-decoration:none !important;}
.btn_s08 .l { display:block; float:left; width:4px; height:18px; background:url(../img/btn_s08_l.gif) no-repeat;}
.btn_s08 .c { display:block; float:left; height:18px; background:url(../img/btn_s08_c.gif) repeat-x; white-space:nowrap; line-height:normal; padding:3px 1px 0 1px; _padding:4px 1px 0 1px;}
.btn_s08 .r { display:block; float:left; width:4px; height:18px; background:url(../img/btn_s08_r.gif) no-repeat;}}

.input_content { padding:20px; _width:100%;}

table.input_data2 { border-top:1px solid #A7A7A7; border-bottom:1px solid #A7A7A7; width:100%; table-layout: fixed}
table.input_data2 th,
table.input_data2 td { padding:12px 0 9px 9px; border-top:1px solid #A7A7A7; color:#4c4c4c;}
table.input_data2 td a { color:#444444; text-decoration:none; white-space:nowrap;}
table.input_data2 td a:hover { text-decoration:underline;}
table.input_data2 th { background:#f5f7f9; text-align:left;}
table.input_data2 th em { font-style:normal; font-weight:bold; color:#ff6633;}
table.input_data2 .merge_first { padding:15px 0 3px 9px;}
table.input_data2 .merge_middle { padding:3px 0 3px 9px; border-top:none;}
table.input_data2 .merge_bottom { padding:3px 0 12px 9px; border-top:none;}
table.input_data2 .btn_s01.fr { float:right; margin:0;}
table.input_options {border-top:none;}




	

	






